<template>
  <div class="child">
    <h3>多个v-model</h3>
    <button @click="$emit('update:page-no', pageNo + 1)">pageNo: {{pageNo}}</button>
    <button @click="$emit('update:page-size', pageSize + 10)">pageSize: {{pageSize}}</button>
  </div>
</template>

<script setup lang="ts">
let props=defineProps(['pageNo', 'pageSize'])
// update:page-no和update:pageNo具有相同的效果
let $emit=defineEmits(['update:page-no', 'update:page-size'])
</script>

<style scoped>
.child {
  width: 600px;
  height: 300px;
  background: aquamarine;
}
</style>